<template>
  <div id="app">
    <transition name="fade-transform"
                mode="out-in">
      <router-view />
    </transition>
  </div>
</template>
<script>

export default {
  components: {},
}
</script>

<style lang="less">
@font-face {
  font-family: 'DS-DIGIT';
  src: url(./font/DS-DIGIT.TTF);
}
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  //   font-size: 14px;
}
a {
  text-decoration: none;
}
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.clearfix:after {
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {
  zoom: 1;
}
#app {
  width: 100%;
  height: 100%;
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  color: #fff;
  .fade-transform-leave-active,
  .fade-transform-enter-active {
    transition: all 1s;
  }
  .fade-transform-enter {
    opacity: 0;
  }
  .fade-transform-leave-to {
    opacity: 0;
  }
}
.el-popup-parent--hidden {
  .el-message-box__wrapper {
    .el-message-box {
      background: #020228;
      border-color: #82dbff;
      .el-message-box__title,
      .el-message-box__close,
      p {
        color: #fff;
      }
    }
  }
}
.el-message--warning,
.el-message--error,
.el-message--success {
  background-color: #020228 !important;
  border-color: #82dbff !important;
}
.pagination {
  height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  .el-input {
    input {
      background: #020228;
      color: #1f87c6;
      border-color: #82dbff;
    }
  }
  .el-range-editor {
    background: #020228;
    border-color: #82dbff;
    .el-range-separator {
      color: #1f87c6;
    }
    input {
      background: #020228;
      color: #1f87c6;
    }
  }
  .el-button {
    background: #020228;
    border-color: #82dbff;
    color: #1f87c6;
  }
  .el-pagination {
    .el-pagination__total {
      color: #82dbff;
    }
    .el-pagination__jump {
      color: #82dbff;
    }
  }
}
</style>
